
// 获取文章列表
let query= {
    pagenum: 1,
    pagesize:2,	
    cate_id:'',
    state: ''
};
getArtList()
function  getArtList() {
    axios.get('/my/article/list',{
        params: query,
    }).then(({data:{ data , total}})=>{
        let newArr=data.map(({title,cate_name,pub_data,state,Id})=>{
            return`
                <tr>
                    <td>${title}</td>
                    <td>${cate_name}</td>
                    <td>${pub_data}</td>
                    <td>${state}</td>
                    <td>
                    <button type="button" class="layui-btn layui-btn-xs btn_edit " data-id="${Id}">编辑</button>
                    <button type="button" class="layui-btn layui-btn-danger layui-btn-xs btn_delete" data-id="${Id}">删除</button>
                    </td>
                </tr>
            `
        }).join('')
        $('#list').html(newArr)
        renderPage(total)
    });
}  

// 获取分类列表下拉数据列表
let form=layui.form
axios.get('/my/article/cates').then(({data:{data,message,status}})=>{
   let newArr = data.map((item)=>{
        return `<option value="${item.Id}">${item.name}</option>`;
    }).join('')
    $('#cateSelect').append(newArr)
    form.render()
});

// 筛选功能
$('#form').on('submit',function(e){
    e.preventDefault()
    query.cate_id=$('#cateSelect').val()
    query.state=$('#stateSelect').val()
    // 筛选的时候每次看到都是第一页
    query.pagenum=1;
    getArtList()
})

// 分页效果
const laypage = layui.laypage;
function renderPage (count){
   
    //执行一个laypage实例
    laypage.render({
      elem: 'page-box', //注意，这里的 test1 是 ID，不用加 # 号
      count,//数据总数，从服务端得到
      limit: query.pagesize,
      limits:[1,2,3,4,5,6,7,8],
      curr: query.pagenum,
      layout: ["count", "limit", "prev", "page", "next", "skip"],
      jump: function(obj, first){
        //obj包含了当前分页的所有参数，比如：
        // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
        // console.log(obj.limit); //得到每页显示的条数
        // getArtList()

        // 修改query的pagenum的值
        query.pagenum=obj.curr;
        query.pagesize=obj.limit
        //首次不执行
        if(!first){
          //do something
          getArtList()
        }
      }
    });
}
// 删除
$('#list').on('click','.btn_delete',function(){
    let id =$(this).attr('data-id')
    layer.confirm('确定删除此文件嘛',
    {icon:3,title:'提示'},
    function(index){
        axios.get('/my/article/delete/'+id).then((res)=>{
            if(res.data.status !==0){
                return layer.msg(res.data.message)
            }
            if($('.btn_delete').length===1){
                query.pagenum = query.pagenum === 1 ? 1 : query.pagenum-1;
            }
            layer.msg(res.data.message)
            layer.close(index)
            getArtList()
        })
    }
    )
})


// 编辑功能
$('#list').on('click','.btn_edit',function(){
   const id= $(this).attr('data-id')
//    console.log(id);
    location.href='/article/art_edit.html?id='+id
})